<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>全托管卖家中心</title>
	<link rel="shortcut icon" href="./static/image/tts-favicon.png">
	<link rel="stylesheet" type="text/css" href="./static/libs/element-ui/index.css">
	<link rel="stylesheet" type="text/css" href="./static/css/public.css">
	<link rel="stylesheet" type="text/css" href="./static/css/m_tailwind.css">
	<link rel="stylesheet" type="text/css" href="./static/font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./static/css/资金结算-资金账户.css">
</head>
<body>
	<div id="app" v-cloak>
		<m-layout>
			<div class="m-table-page">
                <div class="m-page-title">资金账户</div>
				<div class="title-handle">
					<el-link type="primary" :underline="false">修改支付密码</el-link>
					<el-link type="primary" :underline="false">保证金账户管理</el-link>
				</div>
				<div class="m-page-card mb-15">
					<div class="money-box">
						<div class="left">
							<div class="item big">
								<div class="label">总额</div>
								<div class="value">{{tj.ze}} 元</div>
							</div>
							<div class="item">
								<div class="label">可用余额</div>
								<div class="value">{{tj.kyje}}元</div>
							</div>
							<div class="item">
								<div class="label">不可用余额</div>
								<div class="value">{{tj.bkyje}}元</div>
							</div>
						</div>
						<div class="right">
							<div class="tip">自动提现未开启，<span class="text-primary">设置自动提现</span></div>
							<div>
								<el-button>提现账户管理</el-button>
								<el-button type="primary">自动提现</el-button>
							</div>
						</div>
					</div>
				</div>
				<div class="m-page-card pb2 mb-15">
					<el-form size="medium" :model="form" inline label-position="left">
						<el-row :gutter="10">
							<el-col :span="18">
                                <el-form-item>
                                    <el-date-picker
										style="width: 380px;margin-right: 10px;"
										v-model="form.aaa"
										type="daterange"
										range-separator="至"
										start-placeholder="开始日期"
										end-placeholder="结束日期">
									</el-date-picker>
									<el-select style="width: 150px;" v-model="form.bbb" placeholder="请选择">
										<el-option label="AED321343232" value="1"></el-option>
									</el-select>
                                </el-form-item>
                            </el-col>
							<el-col :span="6">
								<div class="text-right">
									<el-button size="medium">重置</el-button>
									<el-button size="medium" type="primary">搜索</el-button>
								</div>
                            </el-col>
						</el-row>
					</el-form>
				</div>
				<div class="m-page-card">
					<el-tabs class="m-page-tabs" v-model="form.ccc">
						<el-tab-pane label="全部" name="1"></el-tab-pane>
						<el-tab-pane label="入账" name="2"></el-tab-pane>
						<el-tab-pane label="出账" name="3"></el-tab-pane>
					</el-tabs>
					<el-table class="m-page-table" border :data="tableData">
						<el-table-column prop="jysj" label="交易时间"></el-table-column>
						<el-table-column prop="jylsh" label="交易流水号" ></el-table-column>
						<el-table-column prop="jylx" label="交易类型" width="100"></el-table-column>
						<el-table-column prop="zhlx" label="账号类型" width="100"></el-table-column>
						<el-table-column label="交易状态" width="100">
							<template slot-scope="scope">
								<el-tag v-if="scope.row.jyzt == '成功'" type="success">{{scope.row.jyzt}}</el-tag>
								<el-tag v-else-if="scope.row.jyzt == '失败'" type="danger">{{scope.row.jyzt}}</el-tag>
								<span v-else>{{scope.row.jyzt}}</span>
							</template>
						</el-table-column>
						<el-table-column prop="jine" label="金额" width="100">
							<template slot-scope="scope">
								<span v-if="scope.row.jine > 0" style="color:#67C23A;">{{scope.row.jine}}</span>
								<span v-else style="color:#F56C6C;">{{scope.row.jine}}</span>
							</template>
						</el-table-column>
						<el-table-column prop="bizhong" label="币种" width="100"></el-table-column>
						<el-table-column prop="huilv" label="汇率" width="100"></el-table-column>
						<el-table-column prop="fqz" label="发起者" width="150"></el-table-column>
						<el-table-column prop="ywddh" label="业务订单号" width="200"></el-table-column>
						<el-table-column label="操作" width="150">
							<template slot-scope="scope">
								<el-link type="primary" :underline="false">查看详情</el-link>
							</template>
						</el-table-column>
					</el-table>
					<div class="text-right pt-10">
                        <el-pagination :current-page.sync="pageNo" background layout="prev, pager, next" :total="originData.length"></el-pagination>
                    </div>
				</div>
			</div>
		</m-layout>
	</div>

	<script src="./static/libs/vue2.6.8/vue.min.js"></script>
	<script src="./static/libs/element-ui/index.js"></script>
	<script src="./static/libs/dayjs.min.js"></script>
	<script src="./static/js/Tools.js"></script>
	<script src="./config/资金结算-资金账户.js"></script>
	<script src="./static/components/common.js"></script>
	<script src="./static/js/资金结算-资金账户.js"></script>
</body>
</html>